<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>图标字体库</title>

        <!-- 链接 Font Awesome 的样式文件 -->
        <link rel="stylesheet" href="../font-awesome/css/font-awesome.min.css">
        <style type="text/css">
            p {
                color: blue;
                font-size: 100px;
            }

            div {
                color: gold;
                text-shadow: 0 0 3px red;
            }

            main { height: 200px; font-size: 100px;}
        </style>
    </head>
    <body>

        <p>
            图标字体库
            <i class="fa fa-envira"></i>
        </p>

        <div>
            <i class="fa fa-unlock"></i>
            <i class="fa fa-unlock fa-lg"></i>
            <i class="fa fa-unlock fa-2x"></i>
            <i class="fa fa-unlock fa-3x"></i>
            <i class="fa fa-unlock fa-4x"></i>
            <i class="fa fa-unlock fa-5x"></i>
        </div>

        <main>
            <i class="fa fa-spinner fa-spin"></i>
            <i class="fa fa-spinner fa-pulse"></i>
            <img src="zhibudao.webp" class="fa-spin">
        </main>

    </body>
</html>